<template>
	<view class=""> 
		<youlanSignIn :integral="integral" :isIntegral="isIntegral"  :checksign='checksign' :supplementary='false' :checkinDays="checkinDays" :already="data"
			type="sign" lang="zh" @change="signDate" />
	</view>
</template>

<script>
	import youlanSignIn from '@/components/youlan-SignIn/youlan-SignIn.vue'
	export default {
		components: {
			youlanSignIn
		},
		// already 参数使用方法
		data() {
			return {
				data: [],
				checkinDays: 0, // 连续签到天数
				integral: 0, // 本次签到获取的积分
				isIntegral: false, // 是否显示签到积分模块
				checksign:true
			}
		},
		onLoad() {
			// setTimeout(() => {
			// 	let arr = ["2024-06-09","2024-06-11","2024-06-12"]; // 假设这是从后台获取的签到数据
			// 	arr.forEach(el => {
			// 		// 需要换成时间戳
			// 		this.data.push(new Date(el).getTime())
			// 		this.checkinDays = this.data.length
			// 	})
			// }, 2000)
		},
		onShow() {
			this.getCheckHistory()
		},
		methods: {
			getCheckHistory(){
				this.$api.checkAndCompleteTaskApi().then(res=>{
					this.checksign = res.data;
				})
				this.$api.getCheckHistoryApi().then(res=>{
					// console.log('==========')
					// console.log(res)
					let arr = res.data 
					arr.forEach(el => {
						// 需要换成时间戳
						this.data.push(new Date(el).getTime())
						this.checkinDays = this.data.length
					})
				})
			},
			signDate(v) {
				// 签到成功后需要更新连续签到的数据
				this.checkinDays = this.checkinDays + 1;
				// // 获取随机整数
				// const randomInteger = Math.floor(Math.random() * (10 - 1 + 1)) + 1;
				// // 模拟获取的积分,这个根据你的实际情况来，如果你没有积分系统，可以忽略这些
				// this.integral = randomInteger;
				this.$api.saveSignInRecordApi().then(res=>{
					this.integral = res.data.value;
					this.isIntegral = true;
					this.getCheckHistory();
				})
			}
		}
	}
</script>

<style>
</style>